<!DOCTYPE html>
<html>
	<head th:replace="/mobile/common::head(~{::custom_settings})">
		<th:block th:fragment="custom_settings">
			<title>顺山科技智慧生活服务平台</title>
			<link type="text/css" rel="stylesheet" th:href="@{{css}/mobile/member/mobilepersonal/mobileDrawBackRecordDetails.css(css=${css})}"/>
		</th:block>
	</head>
	<body>
		<div class="weui-tab">
			<div class="weui-tab-title-refunddetails"><i class="fa fa-angle-left" onclick="backMainDrawBack();"></i><h1>退款详情</h1></div>
			<div class="weui-tab-main-refunddetails">
				<div class="weui-tab-home-title personal-bg">
		   			<div class="personal-bg-my">
		   				<div class="personal-bg-my-left">
			   				<th:block th:if="${refundrecord.refundRecord.refundstate == 18}">
			   					<i class="fa fa-check-circle"></i>
			   					<h2>退款成功</h2>
			   					<p>完成时间：<span th:text="${refundrecord.refundRecord.refundtime}"></span></p>
			   				</th:block>
			   				<th:block th:if="${refundrecord.refundRecord.refundstate == 14}">
			   					<i class="fa fa-exclamation-circle"></i>
			   					<h2>退款取消</h2>
			   				</th:block>
		   				</div>
		   			</div>
				</div>
				<div class="personal-ordermd-ze">
	    			<div class="weui-cell">
			            <div class="weui-cell__bd">
			              <p>退款总额</p>
			            </div>
			            <div class="weui-cell__ft">￥<em style="font-style:normal" th:text="${refundrecord.refundRecord.refundtotal}"></em></div>
				  	</div>
				  	<div class="weui-cell">
			            <div class="weui-cell__bd">
			              <p>运费险</p>
			            </div>
			            <div class="weui-cell__ft-x">+￥0.00</div>
				  	</div>
	    		</div>
	    		<div class="personal-ordermd-list">
	    			<div class="weui-tab-list-title">退款信息</div>
	    			<div class="weui-tab-buylist">
				      	<div class="weui-tab-buylist-gtime">
				      		<div class="weui-tab-buylist-gtime1"><h1><img th:src="@{{image}/mobile/member/pay-pic.png(image=${image})}"/><em style="font-style:normal" th:text="${refundrecord.refundRecord.merchantname}"></em></h1></div>
			      		</div>
			      		<th:block th:each="good, i : ${refundrecord.recordGoodList}">
			      			<div class="weui-tab-buylist-det">
				      			<img th:src="${refundrecord.img + good.goodpicture}"/>
				      			<div class="weui-tab-buylist-gdetail">
				      				<span class="weui-tab-buylist-gtit1" th:text="${good.goodname}"></span>
				      				<span class="weui-tab-buylist-gd">数量：<i class="weui-tab-buylist-gm2"><em style="font-style:normal" th:text="${good.goodnumber}"></em></i></span>
				      			</div>
				      		</div>
			      		</th:block>
			      		
			      		<div class="weui-tab-buylist-list-test">
			      			<p>退款原因：<em th:text="${refundrecord.refundRecord.applydesc}"></em></p>
			      			<p>退款金额：￥<em th:text="${refundrecord.refundRecord.refundtotal}"></em></p>
			      			<p>申请件数：<em th:text="${refundrecord.refundRecord.goodnumber}"></em></p>
			      			<p>申请时间：<em th:text="${refundrecord.refundRecord.applytime}"></em></p>
			      			<th:block th:if="${refundrecord.refundRecord.refundstate == 18}">
				      			<p>退款编号：<em th:text="${refundrecord.refundRecord.tradeno}"></em></p>
			      			</th:block>
			      			<th:block th:if="${refundrecord.refundRecord.refundstate == 14}">
			      				<p>取消原因：<em th:text="${refundrecord.refundRecord.refunddesc}"></em></p>
			      			</th:block>
			      		</div>
		      		</div>
	    		</div>
			</div>
		</div>
		<script th:inline="javascript">
			var pagetype = [[${param.pagetype == null ? '' : param.pagetype[0]}]];
			function backMainDrawBack () { // 返回退款主页。
				window.location.replace(__memberctx + "/mobiledrawback.xhtml?pagetype=" + pagetype);
			}
		</script>
	</body>
</html>
	